<!doctype html>
<html lang="en">
  <head>
    <title>科室导航</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
    <nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #000000;">
        <a class="navbar-brand" href="#">常州市人民医院🏥</a>
        <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#collapsibleNavId" aria-controls="collapsibleNavId"
            aria-expanded="false" aria-label="Toggle navigation"></button>
        <div class="collapse navbar-collapse" id="collapsibleNavId">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item ">
                    <a class="nav-link ml-3" href="index.html">首页 </a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link ml-3" href="wc2.html">预约挂号<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link ml-3 dropdown-toggle" href="#" id="dropdownId" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">医院概况</a>
                    <div class="dropdown-menu" aria-labelledby="dropdownId">
                        <a class="dropdown-item" href="#">医生介绍</a>
                        <a class="dropdown-item" href="#">医院历史</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link ml-3 dropdown-toggle" href="#" id="dropdownId2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">医疗服务</a>
                    <div class="dropdown-menu" aria-labelledby="dropdownId2">
                        <a class="dropdown-item" href="#">预约挂号</a>
                        <a class="dropdown-item" href="#">门诊排班</a>
                    </div>
                </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <input class="form-control mr-sm-2" type="text" placeholder="搜索医生,科室">
                <button class="btn btn-outline-light my-2 my-sm-0 " type="submit">搜索</button>
            </form>
        </div>
    </nav>
    <div class="jumbotron jumbotron-fluid " style="opacity:1.2 ;">
        <div class="container">
            <h1 class="display-3 pt-0">科室详情</h1>
            <p class="lead pt-0">血管介入</p>
            <p>介入血管学是在电视透视、CT、MRI、B超等医学影像技术引导下，通过穿刺，将导管、导丝等插到病变部位，对身体各脏器疾病进行治疗的新学科，其独到之处是不开刀，用微创方式治疗一些以往需开刀或无法治疗的疾病，因其疗效确切，并发症少等优点，已广泛渗透于临床各个领域，并已成为一种集影像诊断与介入治疗于一体的新兴临床学科。经过近二十余年来的努力，常州二院介入放射工作不断发展，引进了西门子、GE、飞利浦4台DSA大型专用心血管造影机，开设了介入门诊及介入病房,现有床位25张。并已形成了一支具有较高素质的介入放射专业团队，现具有高级职称6人，其中正高3名，副高3名，获江苏省卫生厅新技术引进二等奖2项，常州市科技进步奖三等奖2项，四等奖1项，常州市卫生局新技术引进一、二等奖各1项。</p>
            <hr class="my-2">
            <nav class="breadcrumb pb-0">
                <a class="breadcrumb-item" href="patient.html">就诊人管理</a>
                <a class="breadcrumb-item" href="schedule.html">排班信息</a>
                <a class="breadcrumb-item" href="myorder.html">我的预约</a>
                <span class="breadcrumb-item active">预约挂号</span>
            </nav>
        </div>
    </div>

    <div class="container-fluid" style="margin-top: 50px;">
        <div class="row">
            <div class="col-md-2">
                <ul class="list-group col-md-12">
                    <li class="list-group-item  ">
                        外科
                        <ul class="list-group">
                            <li class="list-group-item active">血管介入</li>
                            <li class="list-group-item">普通外科</li>
                            <li class="list-group-item ">骨科</li>
                        </ul>
                    </li>
                    <li class="list-group-item  ">
                        妇产科
                        <ul class="list-group">
                            <li class="list-group-item ">妇科</li>
                            <li class="list-group-item">产科</li>
                            <li class="list-group-item ">新生儿科</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="col-md-6">
                <div class="card-group ">
                    <!-- <div class="card">
                        <img class="card-img-top" src="https://www.czey.com/Upload/CMS/Article/202103/202103140917504417452.JPG"  width="64px " height="64x" >
                        <div class="card-body">
                            <h4 class="card-title"style="font-size:10px">李圆</h4>
                            <p class="card-text" style="font-size:5px">副主任医师，医学硕士（博士在读）， 甲状腺外科副主任，城中院区2病区主任，中国中西医结合学会甲状腺与甲状旁腺专家委员会 委员，海峡两岸医药交流协会台海甲状腺微创美容外科专业委员会（CSOPES）委员，江苏省医师协会微无创医学专业委员会甲状腺学组 委员，常州市医学会普外分会甲状腺外科专业学组委员。</p>
                        </div>
                        <a name="" id="" class="btn btn-primary" href="#" role="button">挂号</a>
                    </div>
                    <div class="card ">
                        <img class="card-img-top" data-src="holder.js/100x180/" alt="Card image cap">
                        <div class="card-body">
                            <h4 class="card-title">Title</h4>
                            <p class="card-text">Text</p>
                        </div>
                    </div>
                    <div class="card ">
                        <img class="card-img-top" data-src="holder.js/100x180/" alt="Card image cap">
                        <div class="card-body">
                            <h4 class="card-title">Title</h4>
                            <p class="card-text">Text</p>
                        </div>
                    </div> -->
                    <div class="media ">
                        <img class="align-self-start mr-3" width="64px" height="64px" src="https://www.czey.com/Upload/CMS/Article/202103/202103140917504417452.JPG" alt="Generic placeholder image">
                        <div class="media-body">
                          <h5 class="mt-0">李圆</h5>
                          <p>副主任医师，医学硕士（博士在读）， 甲状腺外科副主任，城中院区2病区主任，中国中西医结合学会甲状腺与甲状旁腺专家委员会 委员，海峡两岸医药交流协会台海甲状腺微创美容外科专业委员会（CSOPES）委员，江苏省医师协会微无创医学专业委员会甲状腺学组 委员，常州市医学会普外分会甲状腺外科专业学组委员。</p>
                          <a name="" id="" class="btn btn-primary offset-10 rounded-circle "  href="#" role="button"data-toggle="modal" data-target="#modelId" >挂号</a>
                        </div>
                    </div>
                    <div class="media">
                        <img class="align-self-start mr-3" width="64px" height="64px" src="https://www.czey.com/Upload/CMS/Article/201910/201910171012388447387.png" alt="Generic placeholder image">
                        <div class="media-body">
                          <h5 class="mt-0">贾中之</h5>
                          <p><p>副主任医师，医学博士，南京医科大学博士后，南京医科大学硕士生导师，科教科副科长，江苏省医学会（介入医学分会）青年委员，江苏省抗癌协会肿瘤介入专业委员会委员</p></p>
                          <a name="" id="" class="btn btn-primary offset-10 rounded-circle "  href="#" role="button" data-toggle="modal" data-target="#modelId">挂号</a>
                        </div>
                    </div>
                    <div class="media">
                        <img class="align-self-start mr-3" width="64px" height="64px" src="https://www.czey.com/Upload/CMS/Article/201910/201910171005181715336.png">
                        <div class="media-body">
                          <h5 class="mt-0">王凯</h5>
                          <p>介入血管科副主任，主任医师，医学博士，南京医科大学硕士生导师。门诊时间：（城中）周二下午。副主任医师，医学硕士（博士在读）， 甲状腺外科副主任，城中院区2病区主任，中国中西医结合学会甲状腺与甲状旁腺专家委员会 委员.</p>
                          <a name="" id="" class="btn btn-primary offset-10 rounded-circle "  href="#" role="button" data-toggle="modal" data-target="#modelId">挂号</a>
                        </div>
                    </div>
                    <div class="media">
                        <img class="align-self-start mr-3" width="64px" height="64px" src="https://www.czey.com/Upload/CMS/Article/201606/201606170053034643213.jpg" alt="Generic placeholder image">
                        <div class="media-body">
                          <h5 class="mt-0">蒋国民</h5>
                          <p>主任医师，常州市医学会介入医学分会主任委员，江苏省医学会介入医学分会委员，江苏省放射学会介入放射学组副组长，江苏省抗癌协会肿瘤介入诊疗专业委员会委员，国际肝胆胰协会中国分会微创介入专业委员会委员。</p>
                          <a name="" id="" class="btn btn-primary offset-10  rounded-circle "  href="#" role="button" data-toggle="modal" data-target="#modelId">挂号</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <h1 class="offset-2">当前排班情况</h1>
                <table class="table table-hover table-dark">
                    <thead>
                      <tr>
                        <th scope="col">星期一</th>
                        <th scope="col">星期二</th>
                        <th scope="col">星期三</th>
                        <th scope="col">星期四</th>
                        <th scope="col">星期五</th>
                        <th scope="col">星期六</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>6/27</td>
                        <td>6/28</td>
                        <td>6/29
                            <p>今日剩余:30</p>
                            <p>李圆</p>
                            <p>蒋国民</p>
                        </td>
                        <td>6/30</td>
                        <td>7/1</td>
                        <td>7/2</td>
                        
                      </tr>
                      <tr>
                        <td>7/3</td>
                        <td>7/4</td>
                        <td>7/5</td>
                        <td>7/6</td>
                        <td>7/7</td>
                        <td>7/8</td>
                      </tr>
                      <tr>
                        <td>6/27</td>
                        <td>6/28</td>
                        <td>6/29
                            <p>李圆</p>
                            <p>蒋国民</p>
                        </td> 
                        <td>6/30</td>
                        <td>7/1</td>
                        <td>7/2</td>
                      </tr>
                      <tr>
                        <td>6/27</td>
                        <td>6/28</td>
                        <td>6/29</td>
                        <td>6/30</td>
                        <td>7/1</td>
                        <td>7/2</td>
                      </tr>
                      <tr>
                        <td>6/27</td>
                        <td>6/28</td>
                        <td>6/29</td>
                        <td>6/30</td>
                        <td>7/1</td>
                        <td>7/2</td>
                      </tr>
                    </tbody>
                  </table>
            </div>
            
        </div> 

    </div>
     <!-- Modal -->
     <div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">预约</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                      <label for="">医生:</label>
                      <input type="text" readonly unselectable="on" class="form-control" name="" id="" aria-describedby="helpId" placeholder="李圆"  >
                      <label for="">时间:</label>
                      <input type="text" readonly unselectable="on" class="form-control" name="" id="" aria-describedby="helpId" placeholder="6/27"  >
                      <label for="">叫号:</label>
                      <input type="text" readonly unselectable="on" class="form-control" name="" id="" aria-describedby="helpId" placeholder="13"  >
                      <label for="">选择就诊人:</label>
                      <select class="form-control">
                        <option>王昶 320.....8721</option>
                        <option>王小昶 320.....1102</option>
                        <option>王大昶 320.....9902</option>
                      </select>
                            
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <a type="button" class="btn btn-primary" href="myorder.html" >确定</a>
                </div>
            </div>
        </div>
     </div>      
      
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>